@import url("basic.css");
@import url("navigation.css");
@import url("search.css");
@import url("calendar.css");

a:link,  a:hover,  a:visited {
  color: #225588;
  text-decoration: none;
}
a:hover,
a:visited:hover {
  color: #5687b8;
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
}
a img {border-width: 0;}
#out-shadow {width: 1250px;}
.date-header {
  position: absolute;
  left: -9999px;
}
.post h1,
.post h2 {
  margin: .25em 0 0;
  padding: 0 0 4px;
  font-size: 140%;
  font-weight: normal;
  line-height: 1.4em;
}
.post h1 a,
.post h1 a:visited,
.post h1 strong,
.post h2 a,
.post h2 a:visited,
.post h2 strong {
  display: block;
  text-decoration: none;
  font-weight: normal;
}
.post-body {
  border:1px dotted #bbb;
  border-width:0 1px;
  padding:20px 14px 0 14px;
  line-height:1.4em;
}

.post-body .ad-text {
  margin-bottom:30px;
}

.post-body blockquote {
  line-height:1.3em;
}

.post-body ol {
  padding:0 0 0 30px;
}
.post {
  background-color: #FCFCFC;
  -moz-box-shadow: 0 0 20px #F0F0F0 inset, 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 20px #F0F0F0 inset, 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px #F0F0F0 inset, 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid white;
  position: relative;
  margin: 2px;
}
#bwapost {
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #eee;
  border-top: 4px solid #0186CB;
  padding: 5px;
  position: relative;
  text-align: left;
  clear: both;
}
#related_posts {
  width: 50%;
  display: inline-block;
  float: left;
  border-right: 1px solid #E4E4E4;
  margin-top: 10px;
}
#adsbwah {
  width: 50%;
  float: right;
  padding-top: 20px;
}
#related_posts h4 {
  font: bold 14px/18px Arial, Sans-Serif;
  margin: 5px;
}
#related_posts span {
  display: block;
  width: 52px;
  height: 52px;
  float: left;
  padding: 2px;
  border: 1px solid #C4C4C4;
  margin-right: 4px;
}
#related_posts img {
  width: 100%;
  height: 100%;
  display: block;
}
#related_posts strong {
  height: 18px;
  display: block;
  font: bold 11px/15px Tahoma, Arial, Sans-Serif;
  overflow: hidden;
  color: #225588;
}
#related_posts strong:hover {
  color: #5687b8;
  text-decoration: underline;
}
#related_posts p {
  margin: 0;
  font-size: 80%;
  line-height: 11px;
}
#related_posts li {
  overflow: hidden;
  list-style: none;
  margin: 0 0 2px;
  background-color: #e5e5e5;
  padding: 0 7px 0 7px;
  line-height: 24px;
  height: 60px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
#related_posts a {
  margin-top: 3px;
  display: block;
}
#adsbwah .ads300 {
  margin: 10px auto;
  width: 300px;
  height: 250px;
}
#adsbwah span {
  display: block;
  width: 300px;
  line-height: 250px;
  height: 250px;
  color: #225588;
  text-align: center;
  background-color: #F0E2E2;
  border: 2px solid #999;
  font-weight: bold;
}
.pager-isi h5 {
  margin: 0;
  font-size: 80%;
  color: #9F4949;
  text-shadow: 1px 1px 0 rgb(221, 221, 221), 2px 2px 0 rgb(187, 187, 187);
  height: 16px;
  overflow: hidden;
}
.pager-isi h5:hover {color: rgb(51, 51, 51);}
.signature {
  display: block;
  width: 200px;
  height: 136px;
  text-indent: -9999px;
  margin-left: auto;
  margin-bottom: 30px;
  background-image: url(../images/ttd.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#dmcamkr a {
  display: block;
  position: absolute;
  z-index: 2;
  right: 110px;
  bottom: 2px;
  height: 21px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #0E9B02;
  text-decoration: none;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.post-body img {
  padding: 5px;
  border: 1px solid #DFDFDF;
}
.gambarpost.tengah {text-align: center;}
.ketgambar {font-size: 75%;}
.eksternal,
.exte {
  background: url(http: //3.bp.blogspot.com/-8eHTIwNxjPc/UDzl_y4_opI/AAAAAAAAEtE/pFJbpnL2NnU/s12/application_go.png) no-repeat right center;
  padding-right: 16px;
}
.boxtable {
  overflow: hidden;
  border: 1px solid #BE0E0E;
  border-radius: 2px 2px 3px 3px;
}
.hdtable {
  background: #BD1717;
  color: white;
}
.isinya {
  overflow: hidden;
  padding: 5px 10px;
  border-bottom: 1px solid #C94242;
}
.leftx {
  float: left;
  width: 30%;
  padding-right: 8px;
}
.rightx {
  float: left;
  width: 70%;
}
.half {width: 50%;}
.boxtable .isinya:nth-child(even) {background: #F1F1F1;}
.nomor {
  padding: 0;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  color: white;
}
.lingkar {
  border-radius: 9999px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
}
.blue {background: #3A90D5;}
.green {background: #07AD57;}
.red {background: #AD0707;}
.ungu {background: #A066CE;}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {cursor: pointer;}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {box-sizing: content-box;}
#cboxOverlay {background: #fff;}
#colorbox {}
#cboxContent {
  margin-top: 32px;
  overflow: visible;
}
.cboxIframe {background: #fff;}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: black;
  padding: 0;
  border: 1px solid black;
  border-radius: 2px;
}
#cboxLoadingGraphic {background: url(http: //3.bp.blogspot.com/-JgkyqeiMffE/UML277FMsxI/AAAAAAAAHAQ/EzhI7ROpkl4/s1600/loading.gif) no-repeat center center;}
#cboxLoadingOverlay {background: #000;}
#cboxTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  width: 100%;
  background: black;
  background-color: rgba(0, 0, 0, 0.53);
  padding: 0;
}
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(http: //3.bp.blogspot.com/-SjtpOJ0PGj8/UML24AWJ1cI/AAAAAAAAHAI/Plv3AGOZmWg/s1600/controls.png) no-repeat 0 0;
}
#cboxPrevious {
  background-position: 0 -2px;
  right: 21px;
  top: 1px;
  width: 20px;
  height: 17px;
  border-radius: 2px 0 0 2px;
}
#cboxPrevious:hover {background-position: 0 -27px;}
#cboxNext {
  background-position: -25px -2px;
  right: 1px;
  top: 1px;
  width: 20px;
  height: 17px;
  border-radius: 0 2px 2px 0;
}
#cboxNext:hover {background-position: -25px -27px;}
#cboxClose {
  background-position: -50px 0;
  right: 0;
}
#cboxClose:hover {background-position: -50px -25px;}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {right: 43px;}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -27px;
  right: 21px;
  top: 1px;
  width: 22px;
  height: 17px;
}
.cboxSlideshow_on #cboxSlideshow:hover {background-position: -100px -27px;}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px -2px;
  right: 21px;
  top: 1px;
  width: 22px;
  height: 17px;
}
.cboxSlideshow_off #cboxSlideshow:hover {background-position: -75px -27px;}
.post h1.post-title a {color: black;}
.post-body h2 {
  font-size: 160%;
  margin: 8px -12px;
  padding: 2px 10px;
  background-color: #ECECEC;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  text-shadow: 0 1px 1px #A5A5A5;
}
.post-body h3 {
  font-size: 120%;
  padding: 5px 10px 5px;
  margin: 5px -12px;
  background-color: #F0F0F0;
  color: #3A3A3A;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
.intrn {
  background: url(http: //1.bp.blogspot.com/-X56LlerVpBc/UB4A0X6A4yI/AAAAAAAAETY/71pkRqZpDic/s1600/externalink.png) no-repeat right center;
  padding-right: 15px;
}
.button-grup {
  display: block;
  width: auto;
  margin: 0 auto;
  text-align: center;
}
.post-body a.button {
  line-height: 60px;
  padding: 7px 12px;
  margin: 0 3px;
}

/* Forms */
input[type="text"],
textarea {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  background-color: #fafafa;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
  font: normal small 'Ubuntu', 'Trebuchet MS', Trebuchet, Arial, Sans-Serif;
  padding: 2px 5px;
}
textarea {padding: 5px;}
textarea:focus {background-color: #FFE4B5;}
input.warna[type="text"] {
  vertical-align: baseline;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0 4px;
  padding: 15px 25px;
  font: bold 11px Verdana, Arial, Sans-Serif;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
  cursor: pointer;
  background-color: #248AB0;
  background-image: -webkit-linear-gradient(top, #248AB0, #005E90);
  background-image: -moz-linear-gradient(top, #248AB0, #005E90);
  background-image: -ms-linear-gradient(top, #248AB0, #005E90);
  background-image: -o-linear-gradient(top, #248AB0, #005E90);
  background-image: linear-gradient(top, #248AB0, #005E90);
  border: 2px solid white;
  position: relative;
  top: -1px;
  color: #ebebeb !important;
  font: bold 11px Arial, Sans-Serif;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  padding: 3px 7px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover,
.button:focus,
.button:visited:hover {
  background-color: #0671A1;
  background-image: -webkit-linear-gradient(top, #0671A1, #014976);
  background-image: -moz-linear-gradient(top, #0671A1, #014976);
  background-image: -ms-linear-gradient(top, #0671A1, #014976);
  background-image: -o-linear-gradient(top, #0671A1, #014976);
  background-image: linear-gradient(top, #0671A1, #014976);
  color: white !important;
  border-color: white;
  text-decoration: none;
}
.button-group .button:focus {border: 2px solid white;}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active {
  top: 0;
  background-color: #005E90;
  border-color: white;
  background-image: -webkit-linear-gradient(top, #014976, #005E90);
  background-image: -moz-linear-gradient(top, #014976, #005E90);
  background-image: -ms-linear-gradient(top, #014976, #005E90);
  background-image: -o-linear-gradient(top, #014976, #005E90);
  background-image: linear-gradient(top, #014976, #005E90);
}
.button-group {
  display: block;
  width: auto;
  margin: 0 auto;
  text-align: center;
}
.button.small,
.button.small:active,
.button.small:focus {
  font: normal 11px Tahoma, Sans-serif;
  border: none;
  padding: 4px 8px 6px;
}
.button.disabled,
.button.disabled:hover,
.button.disabled:active {
  background-color: #bbb;
  background-image: -webkit-linear-gradient(top, #bbb, #888);
  background-image: -moz-linear-gradient(top, #bbb, #888);
  background-image: -ms-linear-gradient(top, #bbb, #888);
  background-image: -o-linear-gradient(top, #bbb, #888);
  background-image: linear-gradient(top, #bbb, #888);
  cursor: text;
}
#alert-box {
  position: fixed !important;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 9999;
  text-align: center;
}
#alert-box .message {
  background-color: #174A87;
  border: 10px solid #0A2E58;
  padding: 20px;
  -webkit-box-shadow: 0 0 2px 1px black, 0 0 10px black;
  -moz-box-shadow: 0 0 2px 1px black, 0 0 10px black;
  box-shadow: 0 0 2px 1px black, 0 0 10px black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
  width: 370px;
  margin: 0 auto;
  text-align: left;
}
#alert-box .button-group {
  margin: 15px auto 0;
  text-align: center;
}
#alert-box button {
  border: none !important;
  margin: 0 2px;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
img.emo,
input.emoKey {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
input.emoKey {
  background-color: black;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #333;
  font-size: 12px;
  font-weight: normal;
  color: white;
  margin: 0 0;
  padding: 1px 1px;
}
figure.separator {
  margin: 0;
  border: 1px solid #A75E5E;
  padding: 10px;
  background-color: #E2CFCF;
  text-align: center;
}
figure.separator img {
  margin: 0 auto;
  background-color: #DFB9B9;
  padding: 3px;
  border: 1px solid #B96767;
}
figure.separator figcaption {
  font-style: italic;
  color: #7A0202;
}
#related_posts span.loadingnya {
  margin: 0 auto;
  border: 0;
  width: 50px;
  height: 270px;
  text-indent: -9999px;
  float: none;
  background-image: url(http: //4.bp.blogspot.com/-h0CltuAVwSs/UK3GfMM7EOI/AAAAAAAAG1E/51IsS_L6Ap8/s1600/download.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.post-body h4 {font-size: 135%;}
.post h1.post-title {
  text-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;
  font-size: 160%;
  margin: 30px 0 10px;
  padding: 0 5px;
}
.postmeta-primary {
  font-size: 75%;
  font-style: italic;
  border-bottom: 1px solid #CCC;
  padding: 0 5px 5px;
}
.breadcrumbs {
  font-size: 75%;
  padding: 0 5px;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  margin-top: 10px;
  height: 12px;
}
.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active {
  color: black;
  text-decoration: none;
}
.pager-isi a,
.pager-isi .linkgrey {
  width: 50%;
  display: block;
  float: left;
  padding: 10px 0;
  font-size: 120%;
}
.pager-isi h6 {
  color: rgb(87, 87, 87);
  font-size: 70%;
  margin: 0;
  padding: 0;
}
a.blog-pager-newer-link {
  background-image: url(../images/nav-left.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  padding-left: 3.5%;
  text-align: left;
}
a.blog-pager-older-link {
  background-image: url(../images/nav-right.png);
  background-repeat: no-repeat;
  background-position: 98% center;
  padding-right: 3.5%;
  text-align: right;
}
.pager-isi .linkgrey.left {
  padding-left: 3.5%;
  text-align: left;
}
.pager-isi .linkgrey.right {
  padding-right: 3.5%;
  text-align: right;
}
.post-footer {
  position: absolute;
  left: -9999px;
}
.comment-link {margin-left: .6em;}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {margin: 1em 20px;}
.post blockquote p {margin: .75em 0;}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.6em;
}
#comments-block .comment-author {margin: .5em 0;}
#comments-block .comment-body {margin: .25em 0 0;}
#comments-block .comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  letter-spacing: .1em;
}
#comments-block .comment-body p {margin: 0 0 .75em;}
.deleted-comment {
  font-style: italic;
  color: gray;
}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {
  text-align: center;
  padding: 2px 8px;
}
.leavecomments {
  position: absolute;
  right: 8px;
  bottom: 2px;
  z-index: 2;
  font-size: 90%;
}
.leavecomments a {
  color: white;
  padding: 0 8px;
  display: block;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
  background-color: #B02424;
  background-image: -webkit-linear-gradient(top, #B02424, #900000);
  background-image: -moz-linear-gradient(top, #B02424, #900000);
  background-image: -o-linear-gradient(top, #B02424, #900000);
  background-image: linear-gradient(top, #B02424, #900000);
  border-radius: 4px;
  position: relative;
  top: -1px;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.leavecomments a:hover {
  background-color: #A10606;
  background-image: -webkit-linear-gradient(top, #A10606, #760101);
  background-image: -moz-linear-gradient(top, #A10606, #760101);
  background-image: -o-linear-gradient(top, #A10606, #760101);
  background-image: linear-gradient(top, #A10606, #760101);
}
.leavecomments a:active {
  top: 0;
  background-color: #900000;
  background-image: -webkit-linear-gradient(top, #760101, #900000);
  background-image: -moz-linear-gradient(top, #760101, #900000);
  background-image: -o-linear-gradient(top, #760101, #900000);
  background-image: linear-gradient(top, #760101, #900000);
}
.bottomline {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 27px;
  background-color: #F1E8E8;
  z-index: 0;
  text-indent: -9999px;
  right: 0;
}
.socials {
  position: absolute;
  padding: 0 8px;
  height: 16px;
  margin-top: -20px;
  z-index: 2;
  width: 155px;
}
.addthis_toolbox.addthis_default_style {width: 150px;}
.addthis_toolbox .addthis-tooltip {
  display: block;
  width: 150px;
  padding: 5px 10px;
  position: absolute;
  bottom: 100%;
  left: 30px;
  z-index: 77;
  margin-bottom: 40px;
  background-color: black;
  font: bold 12px "Trebuchet MS", Arial, Sans-Serif;
  color: white;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
}
.addthis_toolbox:hover .addthis-tooltip {
  visibility: visible;
  opacity: 1;
  margin-bottom: 10px;
  z-index: 99999;
}
.addthis_toolbox .addthis-tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: black;
  position: absolute;
  top: 100%;
  left: 15px;
}
.comment-form {max-width: 100%;}
.comments a {color: #5687B8;}
#comments h4 {
  font-size: 110%;
  text-transform: capitalize;
  margin: 0;
  line-height: 2em;
}
.comments .comments-content {font-size: 11px;}
.comments .avatar-image-container {
  width: 45px;
  height: 45px;
  max-width: 45px;
  max-height: 45px;
  padding: 2px;
  border: 1px solid #555;
  margin-right: 5px;
  margin-top: 8px;
  margin-left: 8px;
  position: relative;
  background-color: #333;
  z-index: 2;
}
.comments .avatar-image-container img {
  max-width: 100%;
  height: 100%;
}
.comments .inline-thread .avatar-image-container {
  width: 45px;
  height: 45px;
  position: relative;
  margin: 10px 20px 0 10px;
}
.comments .comment-block {
  margin-left: 0;
  padding: 10px 10px 20px 10px;
  border: 1px solid #3c3c3c;
  background-color: #333;
  -webkit-box-shadow: 0 1px 2px black;
  -moz-box-shadow: 0 1px 2px black;
  box-shadow: 0 1px 2px black;
  position: relative;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.comments .inline-thread .comment-block {
  margin-left: 0;
  padding: 10px;
  border: 0;
  min-height: auto;
}
.comments .comments-content .comment-replies {
  margin-left: 20px;
  margin-top: 5px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin: 2px 0 0 46px;
  padding: 2px 5px 10px 5px;
  background: none repeat scroll 0% 0% rgb(68, 68, 68);
  border: 1px solid rgb(85, 85, 85);
}
.comments .comments-content .comment-header {
  margin: 0 0 0 46px;
  background: none repeat scroll 0% 0% rgb(68, 68, 68);
  padding: 2px 0 20px 5px;
  border: 1px solid rgb(85, 85, 85);
}
.comments .comments-content .inline-thread .comment-header,
.comments .comments-content .inline-thread .comment-content {
  padding-left: 10px;
  margin: 0 0 2px 49px;
}
.comment-actions {
  position: absolute;
  top: 58px;
  left: 8px;
  z-index: 2;
}
.comments .comment .comment-actions a {
  background-color: #B02424;
  background-image: -webkit-linear-gradient(top, #0a2e58, #12529d);
  background-image: -moz-linear-gradient(top, #0a2e58, #12529d);
  background-image: -o-linear-gradient(top, #0a2e58, #12529d);
  background-image: linear-gradient(top, #0a2e58, #12529d);
  border-radius: 4px;
  position: relative;
  display: block;
  padding: 2px 7px;
  color: white;
  top: -1px;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.comments .comment .comment-actions a:hover {
  text-decoration: none;
  background-color: #A10606;
  background-image: -webkit-linear-gradient(top, #072241, #020a13);
  background-image: -moz-linear-gradient(top, #072241, #020a13);
  background-image: -o-linear-gradient(top, #072241, #020a13);
  background-image: linear-gradient(top, #072241, #020a13);
}
.comments .comment .comment-actions a:active {
  top: 0;
  background-color: #444;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}
.comments .comments-content .inline-thread li.comment,
.comments .comments-content .inline-thread li.comment:first-child,
.comments .comments-content .inline-thread li.comment:last-child {margin-bottom: 5px;}
.comments .comments-content .inline-thread {padding: 0;}
.comments .comments-content .comment-thread.inline-thread ol {padding-top: 0;}
.comments .comments-content .comment-thread.inline-thread ol &gt;
  div:first-child {padding: 10px;}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: left;
  margin-top: -21px;
}
.comments .comments-content .inline-thread li.comment::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 1px;
  background-color: #CCA5A5;
  display: block;
  left: -12px;
  top: 12px;
}
.comments .comments-content .inline-thread li.comment:last-child {
  margin-bottom: 0;
  margin-top: -15px;
}
.comments .comments-content .inline-thread li.comment:last-child::after {
  content: "";
  height: 100%;
  width: 5px;
  display: block;
  position: absolute;
  top: 13px;
  left: -13px;
}
pre,
i[rel="pre"] {
  display: block;
  font: normal normal 12px "Courier New", Courier, monospace;
  padding: .5em .5em .5em 1em;
  background-color: #002b36;
  border-left: 4px solid #268bd2;
  position: relative;
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}
pre code {
  display: block;
  color: #839496;
  font: normal normal 12px "Courier New", Courier, monospace;
  letter-spacing: 0;
  white-space: pre;
}
pre[rel="HTML"],
pre[data-codetype="HTML"] {border-left-color: #4584BE;}
pre[rel="CSS"],
pre[data-codetype="CSS"] {border-left-color: #5DA028;}
pre[rel="JavaScript"],
pre[data-codetype="JavaScript"] {border-left-color: #bbbbbb;}
pre[rel="JQuery"],
pre[data-codetype="JQuery"] {border-left-color: #7073CF;}
pre[rel="JQuery UI"],
pre[data-codetype="JQuery UI"] {border-left-color: #E36B23;}
pre[rel="XML"],
pre[data-codetype="XML"] {border-left-color: #C44032;}
pre[rel*="+"],
pre[data-codetype*="+"] {border-left-color: #B58900;}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #586e75;
  font-style: italic;
}
pre .keyword,
pre .css .rule .keyword,
pre pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {color: #859900;}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {color: #2aa198;}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {color: #268bd2;}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {font-weight: bold;}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {color: #b58900;}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {color: #cb4b16;}
.underline {border-bottom:1px dashed #839496}
.comments .thread-toggle.thread-expanded {
  position: relative;
  display: none;
}
.comments .thread-toggle.thread-expanded::after {
  content: "";
  display: block;
  width: 1px;
  height: 31px;
  position: absolute;
  background: #CCA5A5;
  top: -8px;
  left: 0;
}
.comments .comment .comment-actions .item-control a {
  display: none;
  background-color: #FCFCFC;
  background-position: 2px 50%;
  background-repeat: no-repeat;
  background-image: url(http: //2.bp.blogspot.com/-qiWCKPMFp-Q/UMA9xcj59ZI/AAAAAAAAG9Y/dmS0sHqpwDE/s14/Trash.png);
  border: 1px solid #C49D9D;
  position: absolute;
  left: -12px;
  text-indent: -9999px;
  padding: 0;
  width: 19px;
  height: 20px;
  top: -25px;
  border-radius: 2px;
}
.comments .comments-content .comment:hover .comment-actions .item-control a {display: block;}
.comments .comments-content .comment:hover .inline-thread .comment-actions .item-control a {display: none;}
.comments .comments-content .inline-thread li.comment:hover .comment-actions .item-control a {display: block;}
.comments .inline-thread .comment .comment-actions .item-control a {
  left: -61px;
  top: -35px;
}
#comments h4#comment-post-message {
  border-bottom: 0;
  background-color: transparent;
  font-size: 130%;
}
.comments {
  padding: 10px;
  margin: 5px;
  background-color: #2f2f2f;
  border: 2px solid #666;
  -webkit-box-shadow: inset 0 0 7px black;
  -moz-box-shadow: inset 0 0 7px black;
  box-shadow: inset 0 0 7px black;
  color: white;
}
.comments .comments-content .icon.blog-author {
  display:block;
  width:0;
  height:0;
  border:11px solid transparent;
  border-color:transparent #900 #900 transparent;
  position:absolute;
  right:0;
  bottom:3px;
}
.comments .comments-content .inline-thread .icon.blog-author {bottom:3px;}
.comments .comments-content .user,
.comments .comments-content .datetime {
  display: inline-block;
  float: left;
}
.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {content: url(../images/anonymous.png);}
.comments .continue a {
  display: none;
  font-weight: bold;
  padding: 0.5em;
}
p.commsg {
  color: white;
  position: relative;
  background: #174A87;
  border: 5px solid #0A2E58 !important;
  padding: 10px;
  margin: 0 0 20px 0;
  font-size: 11px;
  border-radius: 2px;
}
p.commsg::before,
p.commsg::after {
  top: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
pre .deletion {color: #dc322f;}
pre .tex .formula {background: #073642;}
pre.numbered {
  border-left-width: 2px;
  padding-left: 1em;
}
pre .line-number,
pre.numbered code {
  display: block;
  line-height: 16px;
}
pre .line-number {
  float: left;
  margin: 0 1em 0 -1em;
  color: #586E75;
  border-right: 2px solid #05313B;
  text-align: right;
  min-width: 35px;
}
pre .line-number span {
  display: block;
  position: relative;
  padding: 0 .5em 0 1em;
}
pre .line-number span:nth-child(even) {background-color: #03242C;}
pre .line-number span em {
  position: absolute;
  bottom: -1px;
  left: 100%;
  background-color: orange;
  padding: 0 2px 1px 2px;
  border: 1px solid black;
  font-style: normal;
  color: black;
  display: none;
}
pre .line-number span:hover em {display: block;}
pre .line-number span:target a {
  display: block;
  color: white;
  position: relative;
  background-color: #268bd2;
  margin: 0 -.5em 0 -1em;
  padding: 0 .5em 0 0;
}
pre.numbered code span {line-height: 12px;}
pre[data-codetype="HTML"] .line-number span:target a {background-color: #4584BE;}
pre[data-codetype="CSS"] .line-number span:target a {background-color: #5DA028;}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color: #bbbbbb;}
pre[data-codetype="JQuery"] .line-number span:target a {background-color: #7073CF;}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color: #E36B23;}
pre[data-codetype="XML"] .line-number span:target a {background-color: #C44032;}
pre[data-codetype*="+"] .line-number span:target a {background-color: #B58900;}
pre .line-number span:target:before {
  content: "";
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}
p.commsg::before {
  border-top-color: #0A2E58;
  left: 80%;
  margin-left: -16px;
  border-width: 16px;
}
p.commsg::after {
  border-top-color: #174A87;
  left: 80%;
  margin-left: -10px;
  border-width: 10px;
}
p.commsg span {
  display: block;
  margin-bottom: 20px;
}
.catatan {
  display:block;
  text-align:left;
  background-color:#FFFAC1;
  font:italic normal 14px Georgia,Serif;
  color:#222;
  position:relative;
  margin:10px 1% 1.7em 1%;
  padding:20px 30px;
  text-shadow:none;
}

.catatan:before {
  content:"";
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}

.catatan code {font-style:normal}
.catatan h2:first-child {margin-top:0}

.catatan.resource {
  margin:10px auto;
  width:auto;
  font:normal normal 13px Tahoma,Arial,Sans-Serif;
  padding:10px 20px;
  background-color:#eee;
}

.catatan.resource img {
  border:2px solid #aaa !important;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.buttonhijau.small {
  text-decoration: none;
  cursor: pointer;
  padding: 3px 8px;
  background-color: #0CAA32;
  background-image: -webkit-linear-gradient(top, #0a2e58, #12529d);
  background-image: -moz-linear-gradient(top, #0a2e58, #12529d);
  background-image: -o-linear-gradient(top, #0a2e58, #12529d);
  background-image: linear-gradient(top, #0a2e58, #12529d);
  border-radius: 2px;
  position: relative;
  top: -1px;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  color: white;
}
.buttonhijau.small:hover {
  background-color: #059221;
  background-image: -webkit-linear-gradient(top, #072241, #020a13);
  background-image: -moz-linear-gradient(top, #072241, #020a13);
  background-image: -o-linear-gradient(top, #072241, #020a13);
  background-image: linear-gradient(top, #072241, #020a13);
}
.buttonhijau.small:active {
  top: 0;
  background-color: #027E1A;
  background-image: -webkit-linear-gradient(top, #017622, #009023);
  background-image: -moz-linear-gradient(top, #017622, #009023);
  background-image: -o-linear-gradient(top, #017622, #009023);
  background-image: linear-gradient(top, #017622, #009023);
}
.comment-content textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.comments .comments-content .comment-content.delleted {
  color: white;
  border: 1px solid #444;
  padding: 10px;
  -webkit-box-shadow: 0 1px 2px #111;
  -moz-box-shadow: 0 1px 2px #111;
  background-color: #174A87;
  margin-top: 5px;
}
#calLoadingStatus {
  font-size: 0;
  padding: 10px 0;
}
#calLoadingStatus img {
  display: block;
  width: 80px;
  margin: 0 auto 10px;
}
#ketataskal h4 {
  margin: 5px 0;
  font-size: 175%;
  text-align: center;
  padding: 5px;
  color: #333;
}
#tooltipshow {
  position: absolute;
  color: white;
  z-index: 9999;
  font-size: 10px;
  width: 240px;
  background-color: #7A0202;
  padding: 7px;
  border-radius: 2px;
  box-shadow: 0 0 4px black;
  -webkit-box-shadow: 0 0 4px black;
  -moz-box-shadow: 0 0 4px black;
}
#tooltipshow img {
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 5px;
  border: 1px solid #500000;
  background-color: white;
  padding: 3px;
}
#tooltipshow h6 {
  font-size: 14px;
  margin: 0 0 2px;
}
#tooltipshow p {
  margin: 0;
  line-height: 14px;
}
.sukasocial {
  overflow: hidden;
  background: #F3EBEB;
  margin: 0 -2px;
  border-bottom: 1px solid #D1D1D1;
}
.sukatdk {
  float: left;
  margin: 2px 0 0;
}
.social-header {
  float: right;
  padding: 3px 0 0;
}
.social-header .fbxx {float: right;}
pre code mark {background: white;}
p.commsg span::selection {background: #00AA0E;}
p.commsg span::-moz-selection {background: #00AA0E;}
.buttonhijau.small.right {margin: 0 0 0 10px;}
.socials *,
#at20mc * {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#rcomments .notirc {
  position: absolute;
  border: 0;
  background: transparent;
  width: 15px;
  height: 20px;
  overflow: hidden;
  top: -8px;
  right: -5px;
}
#form-wrapper {
  clear: both;
  margin: 20px 0 0;
  padding: 20px 20px;
  -webkit-box-shadow: 0 1px 5px black;
  -moz-box-shadow: 0 1px 5px black;
  box-shadow: 0 1px 5px black;
  width: auto !important;
  display: block;
}
.feed-links {display: none;}
/* Media Queries */
@media (max-width:1250px) {
 #out-shadow {width:99%}
}
